@npm_leadtech/legal-contracts-ui 0.176.0 → 0.176.1

package/dist/components/JumboDocs.d.ts

@@ -4,15 +4,11 @@ import { ReactNode } from 'react';
 export declare const JumboDocs: FC<JumboDocsProps>;
 
 export declare interface JumboDocsProps {
-    trustedBadge?: TrustedBadgeProps;
+    trustedBadge?: ReactNode;
     imagePreview: ReactNode | null;
     title: string;
     freeDocTexts: string[];
     pdfDownload: ReactNode;
     wordDownload: ReactNode;
 }
-
-export interface TrustedBadgeProps {
-    children: ReactNode;
-}
 

package/dist/components/JumboDocs.js

@@ -1,80 +1,79 @@
 "use client";
 "use client";
 import { LinkWrapper as e } from "./LinkWrapper.js";
-import { TrustedBadge as t } from "./TrustedBadge.js";
-import { useEffect as n, useRef as r, useState as i } from "react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useEffect as t, useRef as n, useState as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region lib/components/organisms/JumboDocs.tsx
-var c = ({ trustedBadge: c, imagePreview: l, freeDocTexts: u, title: d, pdfDownload: f, wordDownload: p }) => {
-	let [m, h] = i(!1), g = r(null);
-	return n(() => {
-		let e = g.current;
+var s = ({ trustedBadge: s, imagePreview: c, freeDocTexts: l, title: u, pdfDownload: d, wordDownload: f }) => {
+	let [p, m] = r(!1), h = n(null);
+	return t(() => {
+		let e = h.current;
 		if (!e) return;
 		let t = new IntersectionObserver(([e]) => {
-			h(!e.isIntersecting);
+			m(!e.isIntersecting);
 		}, { threshold: 0 });
 		return t.observe(e), () => {
 			t.disconnect();
 		};
-	}, []), /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("section", {
+	}, []), /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("section", {
 		className: "bg-neutral-25 pt-8 text-neutral-800 sm:px-6 lg:px-8 xl:px-30",
-		children: /* @__PURE__ */ s("div", {
-			ref: g,
+		children: /* @__PURE__ */ o("div", {
+			ref: h,
 			className: "relative mx-auto flex max-w-300 flex-col items-center justify-center gap-8 rounded bg-white px-6 py-8 shadow-md sm:px-4 md:flex-row lg:px-14",
 			children: [
-				c && /* @__PURE__ */ o(t, { ...c }),
-				/* @__PURE__ */ o("div", {
+				s,
+				/* @__PURE__ */ a("div", {
 					className: "border border-neutral-200 shadow",
-					children: l
+					children: c
 				}),
-				/* @__PURE__ */ s("div", {
+				/* @__PURE__ */ o("div", {
 					className: "flex flex-col gap-8 self-start",
-					children: [/* @__PURE__ */ s("div", {
+					children: [/* @__PURE__ */ o("div", {
 						className: "flex flex-col gap-4",
 						children: [
-							/* @__PURE__ */ o("p", {
+							/* @__PURE__ */ a("p", {
 								className: "text-big md:text-large font-bold",
-								children: d
+								children: u
 							}),
-							/* @__PURE__ */ o("span", { className: "h-px w-full bg-neutral-200" }),
-							u.length > 0 && /* @__PURE__ */ o("ul", {
+							/* @__PURE__ */ a("span", { className: "h-px w-full bg-neutral-200" }),
+							l.length > 0 && /* @__PURE__ */ a("ul", {
 								className: "flex flex-col gap-4 md:gap-8",
-								children: u.map((e) => /* @__PURE__ */ s("li", {
+								children: l.map((e) => /* @__PURE__ */ o("li", {
 									className: "text-small flex gap-2",
-									children: [/* @__PURE__ */ o("span", {
+									children: [/* @__PURE__ */ a("span", {
 										className: "text-primary-500",
 										children: "•"
 									}), e]
 								}, e))
 							})
 						]
-					}), /* @__PURE__ */ s("div", {
+					}), /* @__PURE__ */ o("div", {
 						className: "flex w-full gap-4",
-						children: [/* @__PURE__ */ o(e, {
+						children: [/* @__PURE__ */ a(e, {
 							className: "w-full md:w-26.25",
 							variant: "secondary-black",
-							children: f
-						}), /* @__PURE__ */ o(e, {
+							children: d
+						}), /* @__PURE__ */ a(e, {
 							className: "w-full md:w-26.25",
 							variant: "secondary-black",
-							children: p
+							children: f
 						})]
 					})]
 				})
 			]
 		})
-	}), m && /* @__PURE__ */ s("div", {
+	}), p && /* @__PURE__ */ o("div", {
 		className: "fixed bottom-0 left-0 z-50 flex w-full gap-4 bg-white px-6 py-4 shadow sm:hidden",
-		children: [/* @__PURE__ */ o(e, {
+		children: [/* @__PURE__ */ a(e, {
 			className: "w-full",
 			variant: "secondary-black",
-			children: f
-		}), /* @__PURE__ */ o(e, {
+			children: d
+		}), /* @__PURE__ */ a(e, {
 			className: "w-full",
 			variant: "secondary-black",
-			children: p
+			children: f
 		})]
 	})] });
 };
 //#endregion
-export { c as JumboDocs };
+export { s as JumboDocs };

package/dist/components/Preform.d.ts

@@ -25,7 +25,7 @@ export interface PreformOptionProps {
 }
 
 export declare interface PreformProps {
-    trustedBadge: TrustedBadgeProps;
+    trustedBadge: ReactNode;
     cta: ReactNode;
     radioFieldData?: RadioFieldData;
     inputFieldData?: InputFieldData;
@@ -46,8 +46,4 @@ export interface TooltipsProps {
     title: string;
     content: string;
 }
-
-export interface TrustedBadgeProps {
-    children: ReactNode;
-}
 

package/dist/components/Preform.js

@@ -3,59 +3,58 @@
 import { Input as e } from "./Input.js";
 import { LinkWrapper as t } from "./LinkWrapper.js";
 import { PreformOption as n } from "./PreformOption.js";
-import { TrustedBadge as r } from "./TrustedBadge.js";
-import { Tooltips as i } from "./Tooltips.js";
-import { PreformMobile as a } from "./PreformMobile.js";
+import { Tooltips as r } from "./Tooltips.js";
+import { PreformMobile as i } from "./PreformMobile.js";
 import "react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region lib/components/organisms/Preform.tsx
-var l = ({ trustedBadge: l, cta: u, inputFieldData: d, radioFieldData: f, tooltips: p, hasMobileRadioField: m }) => /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("section", {
+var c = ({ trustedBadge: c, cta: l, inputFieldData: u, radioFieldData: d, tooltips: f, hasMobileRadioField: p }) => /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("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", {
+	children: /* @__PURE__ */ s("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: [
-			/* @__PURE__ */ s(r, { ...l }),
-			f?.isVisible && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("p", {
+			c,
+			d?.isVisible && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("p", {
 				className: "text-large font-bold",
-				children: f.label
-			}), /* @__PURE__ */ c("div", {
+				children: d.label
+			}), /* @__PURE__ */ s("div", {
 				className: "flex w-full max-w-272 flex-wrap justify-center gap-2 sm:gap-4",
-				children: [f.options.map((e) => /* @__PURE__ */ s("div", {
+				children: [d.options.map((e) => /* @__PURE__ */ o("div", {
 					className: "w-[calc(25%-12px)] lg:w-[calc(20%-13px)] xl:w-[calc(16.66%-14px)]",
-					children: /* @__PURE__ */ s(n, {
+					children: /* @__PURE__ */ o(n, {
 						...e,
-						selected: e.value === f.radioSelected,
-						onClick: f.onClick
+						selected: e.value === d.radioSelected,
+						onClick: d.onClick
 					})
-				}, e.value)), d?.isVisible && /* @__PURE__ */ s("div", {
+				}, e.value)), u?.isVisible && /* @__PURE__ */ o("div", {
 					className: "mt-4 flex basis-full justify-center md:mt-0",
-					children: /* @__PURE__ */ s(e, {
-						id: d.id,
-						label: d.label,
-						name: d.name,
-						placeholder: d.placeholder,
-						value: d.value,
-						onInputChange: d.onChange,
-						"data-qa": d.dataQa
+					children: /* @__PURE__ */ o(e, {
+						id: u.id,
+						label: u.label,
+						name: u.name,
+						placeholder: u.placeholder,
+						value: u.value,
+						onInputChange: u.onChange,
+						"data-qa": u.dataQa
 					})
-				}, d.name)]
+				}, u.name)]
 			})] }),
-			/* @__PURE__ */ s(t, {
+			/* @__PURE__ */ o(t, {
 				variant: "primary-green",
-				children: u
+				children: l
 			}),
-			p.length > 0 && /* @__PURE__ */ s("div", {
+			f.length > 0 && /* @__PURE__ */ o("div", {
 				className: "flex flex-col gap-8",
-				children: p.map((e) => /* @__PURE__ */ s(i, { ...e }, e.title))
+				children: f.map((e) => /* @__PURE__ */ o(r, { ...e }, e.title))
 			})
 		]
 	})
-}), /* @__PURE__ */ s(a, {
-	cta: u,
-	trustedBadge: l,
-	inputFieldData: d,
-	radioFieldData: f,
-	hasMobileRadioField: m
+}), /* @__PURE__ */ o(i, {
+	cta: l,
+	trustedBadge: c,
+	inputFieldData: u,
+	radioFieldData: d,
+	hasMobileRadioField: p
 })] });
 //#endregion
-export { l as Preform };
+export { c as Preform };

package/dist/components/PreformMobile.d.ts

@@ -15,7 +15,7 @@ export type InputFieldData = {
 export declare const PreformMobile: FC<PreformMobileProps>;
 
 export declare interface PreformMobileProps {
-    trustedBadge: TrustedBadgeProps;
+    trustedBadge: ReactNode;
     radioFieldData?: RadioFieldData;
     inputFieldData?: InputFieldData;
     cta: ReactNode;
@@ -40,8 +40,4 @@ export type RadioFieldData = {
     radioSelected: string;
     onClick: (str: string) => void;
 };
-
-export interface TrustedBadgeProps {
-    children: ReactNode;
-}
 

package/dist/components/PreformMobile.js

@@ -2,110 +2,109 @@ import { Input as e } from "./Input.js";
 import { Select as t } from "./Select.js";
 import { LinkWrapper as n } from "./LinkWrapper.js";
 import { PreformOption as r } from "./PreformOption.js";
-import { TrustedBadge as i } from "./TrustedBadge.js";
-import { useEffect as a, useRef as o, useState as s } from "react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useEffect as i, useRef as a, useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region lib/components/organisms/PreformMobile.tsx
-var d = ({ radioFieldData: d, inputFieldData: f, cta: p, trustedBadge: m, hasMobileRadioField: h }) => {
-	let [g, _] = s(!1), v = o(null);
-	a(() => {
-		let e = v.current;
+var u = ({ radioFieldData: u, inputFieldData: d, cta: f, trustedBadge: p, hasMobileRadioField: m }) => {
+	let [h, g] = o(!1), _ = a(null);
+	i(() => {
+		let e = _.current;
 		if (!e) return;
 		let t = new IntersectionObserver(([e]) => {
-			_(!e.isIntersecting);
+			g(!e.isIntersecting);
 		}, { threshold: 0 });
 		return t.observe(e), () => {
 			t.disconnect();
 		};
 	}, []);
-	let y = (e) => {
-		if (!d?.isVisible) return null;
-		let n = h && !e, i = `${d.name}-${e ? "sticky" : "mobile"}`;
-		return n ? /* @__PURE__ */ l("div", {
+	let v = (e) => {
+		if (!u?.isVisible) return null;
+		let n = m && !e, i = `${u.name}-${e ? "sticky" : "mobile"}`;
+		return n ? /* @__PURE__ */ c("div", {
 			className: "flex w-full flex-wrap justify-center gap-2",
-			children: d.options.map((e) => /* @__PURE__ */ l("div", {
+			children: u.options.map((e) => /* @__PURE__ */ c("div", {
 				className: "w-[calc(50%-4px)]",
-				children: /* @__PURE__ */ l(r, {
+				children: /* @__PURE__ */ c(r, {
 					...e,
-					selected: e.value === d.radioSelected,
-					onClick: d.onClick
+					selected: e.value === u.radioSelected,
+					onClick: u.onClick
 				})
 			}, e.value))
-		}) : /* @__PURE__ */ l(t, {
+		}) : /* @__PURE__ */ c(t, {
 			id: i,
-			name: d.name,
-			value: d.radioSelected,
-			options: d.options,
+			name: u.name,
+			value: u.radioSelected,
+			options: u.options,
 			containerClassName: "w-full",
 			onChange: (e) => {
-				d.onClick(e.target.value);
+				u.onClick(e.target.value);
 			}
 		});
-	}, b = (t) => /* @__PURE__ */ u("div", {
+	}, y = (t) => /* @__PURE__ */ l("div", {
 		className: `flex flex-col bg-white px-6 pb-4 ${t ? "border-t border-neutral-100 pt-4 shadow-md" : ""}`,
 		children: [
-			h && !t ? /* @__PURE__ */ l("p", {
+			m && !t ? /* @__PURE__ */ c("p", {
 				className: "text-small mb-4 font-bold text-neutral-800",
-				children: d?.label
-			}) : /* @__PURE__ */ l("label", {
-				htmlFor: `${d?.name ?? ""}-${t ? "sticky" : "mobile"}`,
+				children: u?.label
+			}) : /* @__PURE__ */ c("label", {
+				htmlFor: `${u?.name ?? ""}-${t ? "sticky" : "mobile"}`,
 				className: "text-small mb-4 font-bold text-neutral-800",
-				children: d?.label
+				children: u?.label
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ l("div", {
 				className: `flex gap-4 ${t ? "flex-row items-center" : "flex-col"}`,
 				children: [
-					y(t),
-					f?.isVisible && !t && /* @__PURE__ */ l("div", {
+					v(t),
+					d?.isVisible && !t && /* @__PURE__ */ c("div", {
 						className: "flex justify-center",
-						children: /* @__PURE__ */ l(e, {
+						children: /* @__PURE__ */ c(e, {
 							containerClassName: "w-full text-small",
-							id: `${f.id}-mobile`,
-							label: f.label,
-							name: `${f.name}-mobile`,
-							placeholder: f.placeholder,
-							value: f.value,
-							onInputChange: f.onChange
+							id: `${d.id}-mobile`,
+							label: d.label,
+							name: `${d.name}-mobile`,
+							placeholder: d.placeholder,
+							value: d.value,
+							onInputChange: d.onChange
 						})
-					}, f.name),
-					/* @__PURE__ */ l(n, {
+					}, d.name),
+					/* @__PURE__ */ c(n, {
 						variant: "primary-green",
 						className: `text-small ${t ? "w-fit text-nowrap" : "w-full"}`,
-						children: p
+						children: f
 					})
 				]
 			}),
-			f?.isVisible && t && /* @__PURE__ */ l("div", {
+			d?.isVisible && t && /* @__PURE__ */ c("div", {
 				className: "mt-4 flex w-full justify-center",
-				children: /* @__PURE__ */ l(e, {
+				children: /* @__PURE__ */ c(e, {
 					containerClassName: "w-full text-small",
-					id: `${f.id}-mobile-sticky`,
-					label: f.label,
-					name: `${f.name}-mobile-sticky`,
-					placeholder: f.placeholder,
-					value: f.value,
-					onInputChange: f.onChange
+					id: `${d.id}-mobile-sticky`,
+					label: d.label,
+					name: `${d.name}-mobile-sticky`,
+					placeholder: d.placeholder,
+					value: d.value,
+					onInputChange: d.onChange
 				})
-			}, f.name)
+			}, d.name)
 		]
 	});
-	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("section", {
+	return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("section", {
 		className: "bg-neutral-25 pt-10 text-neutral-800 sm:hidden",
-		children: /* @__PURE__ */ u("div", {
-			ref: v,
+		children: /* @__PURE__ */ l("div", {
+			ref: _,
 			className: "relative flex flex-col rounded bg-white pt-8 shadow",
-			children: [/* @__PURE__ */ l("div", {
+			children: [/* @__PURE__ */ c("div", {
 				className: "px-6",
-				children: /* @__PURE__ */ l(i, { ...m })
-			}), /* @__PURE__ */ l("div", {
-				className: g ? "hidden" : "block",
-				children: b(!1)
+				children: p
+			}), /* @__PURE__ */ c("div", {
+				className: h ? "hidden" : "block",
+				children: y(!1)
 			})]
 		})
-	}), g && /* @__PURE__ */ l("div", {
+	}), h && /* @__PURE__ */ c("div", {
 		className: "fixed bottom-0 left-0 z-50 w-full sm:hidden",
-		children: b(!0)
+		children: y(!0)
 	})] });
 };
 //#endregion
-export { d as PreformMobile };
+export { u as PreformMobile };

package/dist/components/ProductSemTemplate.d.ts

@@ -36,7 +36,7 @@ export interface PreformOptionProps {
 }
 
 export interface PreformProps {
-    trustedBadge: TrustedBadgeProps;
+    trustedBadge: ReactNode;
     cta: ReactNode;
     radioFieldData?: RadioFieldData;
     inputFieldData?: InputFieldData;
@@ -65,8 +65,4 @@ export interface TooltipsProps {
     title: string;
     content: string;
 }
-
-export interface TrustedBadgeProps {
-    children: ReactNode;
-}
 

package/dist/components/ProductTemplate.d.ts

@@ -94,7 +94,7 @@ export type InputFieldData = {
 };
 
 export interface JumboDocsProps {
-    trustedBadge?: TrustedBadgeProps;
+    trustedBadge?: ReactNode;
     imagePreview: ReactNode | null;
     title: string;
     freeDocTexts: string[];
@@ -124,7 +124,7 @@ export interface PreformOptionProps {
 }
 
 export interface PreformProps {
-    trustedBadge: TrustedBadgeProps;
+    trustedBadge: ReactNode;
     cta: ReactNode;
     radioFieldData?: RadioFieldData;
     inputFieldData?: InputFieldData;
@@ -201,10 +201,6 @@ export interface TooltipsProps {
     content: string;
 }
 
-export interface TrustedBadgeProps {
-    children: ReactNode;
-}
-
 export interface TryNowSectionProps {
     title: string;
     benefits: string[];

package/dist/components/index.d.ts

@@ -711,7 +711,7 @@ export declare interface JumboCardProps {
 export declare const JumboDocs: FC<JumboDocsProps>;
 
 export declare interface JumboDocsProps {
-    trustedBadge?: TrustedBadgeProps;
+    trustedBadge?: ReactNode;
     imagePreview: ReactNode | null;
     title: string;
     freeDocTexts: string[];
@@ -971,7 +971,7 @@ export declare interface PreformOptionProps {
 }
 
 export declare interface PreformProps {
-    trustedBadge: TrustedBadgeProps;
+    trustedBadge: ReactNode;
     cta: ReactNode;
     radioFieldData?: RadioFieldData;
     inputFieldData?: InputFieldData;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-contracts-ui",
-  "version": "0.176.0",
+  "version": "0.176.1",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -788,8 +788,8 @@
     "format": "prettier --write .",
     "prettier": "prettier --check .",
     "eslint": "eslint . --quiet",
-    "test": "vitest run --coverage",
-    "test:watch": "vitest --coverage",
+    "test": "vitest run --coverage --project unit",
+    "test:watch": "vitest --coverage --project unit",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "reinstall-force": "rm -Rf node_modules && pnpm install",