@npm_leadtech/legal-contracts-ui 0.124.5 → 0.124.7

package/dist/components/AboutUsTemplate.d.ts

@@ -31,6 +31,7 @@ export interface ContactUsSectionProps {
         icon: ReactNode;
         helper?: string;
         url?: string;
+        dataQa?: string;
     }>;
 }
 

package/dist/components/AiLegalDocumentReviewerTemplate.d.ts

@@ -32,6 +32,7 @@ export interface ConversionSectionProps {
     icon: ReactNode;
     title: string;
     uploadZone: UploadZoneProps;
+    dataQa?: string;
 }
 
 export interface FaqItemProps {
@@ -136,5 +137,6 @@ export interface UploadZoneProps {
     containerClassName?: string;
     onAddDocument?: () => void;
     onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;
+    dataQa?: string;
 }
 

package/dist/components/ContactUsSection.d.ts

@@ -11,6 +11,7 @@ export declare interface ContactUsSectionProps {
         icon: ReactNode;
         helper?: string;
         url?: string;
+        dataQa?: string;
     }>;
 }
 

package/dist/components/ContactUsSection.js

@@ -1,17 +1,17 @@
 import { jsx as l, jsxs as r } from "react/jsx-runtime";
-import a from "clsx";
+import t from "clsx";
 import { SectionHeading as c } from "./SectionHeading.js";
-const d = ({ header: t, contactOptions: s }) => s.length === 0 ? null : /* @__PURE__ */ l("section", { className: "bg-neutral-25 px-4 pt-16 pb-20", children: /* @__PURE__ */ r("div", { className: "mx-auto max-w-6xl space-y-10", children: [
-  /* @__PURE__ */ l(c, { ...t, className: "px-6" }),
-  /* @__PURE__ */ l("div", { className: "flex flex-col items-center gap-6 sm:flex-row sm:items-start sm:justify-center", children: s.map((e) => /* @__PURE__ */ r(
+const d = ({ header: s, contactOptions: a }) => a.length === 0 ? null : /* @__PURE__ */ l("section", { className: "bg-neutral-25 px-4 pt-16 pb-20", children: /* @__PURE__ */ r("div", { className: "mx-auto max-w-6xl space-y-10", children: [
+  /* @__PURE__ */ l(c, { ...s, className: "px-6" }),
+  /* @__PURE__ */ l("div", { className: "flex flex-col items-center gap-6 sm:flex-row sm:items-start sm:justify-center", children: a.map((e) => /* @__PURE__ */ r(
     "article",
     {
-      className: a(
+      className: t(
         "relative flex h-36 w-52 flex-col items-center justify-center gap-4 rounded bg-white text-center shadow-sm",
         e.url && 'cursor-pointer [&_a]:before:absolute [&_a]:before:inset-0 [&_a]:before:content-[""]'
       ),
       children: [
-        e.url && /* @__PURE__ */ l("a", { href: e.url, children: /* @__PURE__ */ l("span", { className: "sr-only", children: e.title }) }),
+        e.url && /* @__PURE__ */ l("a", { "data-qa": e.dataQa, href: e.url, children: /* @__PURE__ */ l("span", { className: "sr-only", children: e.title }) }),
         /* @__PURE__ */ l("div", { className: "bg-primary-50 rounded-full p-3", children: e.icon }),
         /* @__PURE__ */ r("div", { className: "flex flex-col items-center justify-center", children: [
           /* @__PURE__ */ l("p", { className: "text-neutral-800", children: e.title }),

package/dist/components/ConversionSection.d.ts

@@ -7,6 +7,7 @@ export declare interface ConversionSectionProps {
     icon: ReactNode;
     title: string;
     uploadZone: UploadZoneProps;
+    dataQa?: string;
 }
 
 export interface UploadZoneProps {
@@ -17,5 +18,6 @@ export interface UploadZoneProps {
     containerClassName?: string;
     onAddDocument?: () => void;
     onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;
+    dataQa?: string;
 }
 

package/dist/components/ConversionSection.js

@@ -1,12 +1,12 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { UploadZone as s } from "./UploadZone.js";
-const n = ({ icon: a, title: t, uploadZone: r }) => /* @__PURE__ */ e("section", { className: "bg-white px-6 py-8 xl:px-0", children: /* @__PURE__ */ l("div", { className: "bg-ratafia mx-auto flex w-full max-w-300 shrink flex-col gap-6 rounded-2xl p-6 md:flex-row md:items-center md:gap-10 md:p-8 lg:pe-10 lg:pl-16 xl:items-start xl:gap-20", children: [
+import { UploadZone as m } from "./UploadZone.js";
+const x = ({ icon: a, title: t, uploadZone: r, dataQa: s }) => /* @__PURE__ */ e("section", { className: "bg-white px-6 py-8 xl:px-0", children: /* @__PURE__ */ l("div", { className: "bg-ratafia mx-auto flex w-full max-w-300 shrink flex-col gap-6 rounded-2xl p-6 md:flex-row md:items-center md:gap-10 md:p-8 lg:pe-10 lg:pl-16 xl:items-start xl:gap-20", children: [
   /* @__PURE__ */ l("div", { className: "flex flex-col gap-4", children: [
     /* @__PURE__ */ e("span", { className: "xl:pt-12", children: a }),
     /* @__PURE__ */ e("h4", { className: "text-super-large md:text-extra-large font-bold text-white", children: t })
   ] }),
-  /* @__PURE__ */ e(s, { ...r, containerClassName: "md:min-w-77 lg:min-w-115" })
+  /* @__PURE__ */ e(m, { dataQa: s, ...r, containerClassName: "md:min-w-77 lg:min-w-115" })
 ] }) });
 export {
-  n as ConversionSection
+  x as ConversionSection
 };

package/dist/components/ElectronicSignatureTemplate.d.ts

@@ -129,5 +129,6 @@ export interface UploadZoneProps {
     containerClassName?: string;
     onAddDocument?: () => void;
     onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;
+    dataQa?: string;
 }
 

package/dist/components/Footer.d.ts

@@ -20,6 +20,7 @@ export declare interface FooterProps {
         phoneNumber: string;
         contactHoursText: string;
         contactHours: string;
+        dataQa?: string;
     };
     logoGray?: ReactNode;
     socialLinks?: ReactNode[];

package/dist/components/Footer.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import "react";
 import { PhoneButton as o } from "./PhoneButton.js";
-import { FooterNav as f } from "./FooterNav.js";
+import { FooterNav as h } from "./FooterNav.js";
 const g = ({
   nav: r,
   contactInfo: t,
@@ -14,13 +14,13 @@ const g = ({
   languageSelector: s
 }) => /* @__PURE__ */ l("footer", { className: "text-neutral-25 max-w-full overflow-x-hidden", children: [
   /* @__PURE__ */ e("div", { className: "bg-primary-900", children: /* @__PURE__ */ l("div", { 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", children: [
-    r.map((a) => /* @__PURE__ */ e(f, { ...a }, a.title)),
+    r.map((a) => /* @__PURE__ */ e(h, { ...a }, a.title)),
     /* @__PURE__ */ l("div", { className: "flex flex-col gap-6 max-sm:w-full md:contents lg:flex", children: [
       /* @__PURE__ */ l("div", { className: "", children: [
         /* @__PURE__ */ e("div", { className: "mb-8 xl:hidden", children: !!s && /* @__PURE__ */ e("div", { className: "language-selector-mobile-container", children: s }) }),
         /* @__PURE__ */ l("div", { children: [
           /* @__PURE__ */ e("p", { className: "text-small hidden font-bold text-white sm:block", children: t.phoneNumber }),
-          /* @__PURE__ */ e("div", { className: "mb-2 w-full text-center sm:hidden", children: /* @__PURE__ */ e(o, { phoneNumber: t.phoneNumber }) }),
+          /* @__PURE__ */ e("div", { className: "mb-2 w-full text-center sm:hidden", children: /* @__PURE__ */ e(o, { dataQa: t.dataQa, phoneNumber: t.phoneNumber }) }),
           /* @__PURE__ */ l("p", { className: "text-neutral-25 text-medium md:text-small text-center md:text-left", children: [
             t.contactHoursText,
             " ",

package/dist/components/Header.d.ts

@@ -34,6 +34,7 @@ export interface MobileContactInfo {
     phoneNumber: string;
     contactHoursLabel?: string;
     contactHours?: string;
+    dataQa?: string;
 }
 
 export interface MobileMenuProps {

package/dist/components/Hero2Section.d.ts

@@ -27,5 +27,6 @@ export interface UploadZoneProps {
     containerClassName?: string;
     onAddDocument?: () => void;
     onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;
+    dataQa?: string;
 }
 

package/dist/components/MobileMenu.d.ts

@@ -6,6 +6,7 @@ export declare interface MobileContactInfo {
     phoneNumber: string;
     contactHoursLabel?: string;
     contactHours?: string;
+    dataQa?: string;
 }
 
 export declare const MobileMenu: FC<MobileMenuProps>;

package/dist/components/MobileMenu.js

@@ -1,6 +1,6 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
 import "react";
-import { SearchBar as u } from "./SearchBar.js";
+import { SearchBar as x } from "./SearchBar.js";
 import { CloseIcon as f } from "./CloseIcon.js";
 import { LinkWrapper as h } from "./LinkWrapper.js";
 import { PhoneTalkIcon as b } from "./PhoneTalkIcon.js";
@@ -12,7 +12,7 @@ const k = ({
   searchBarProps: o,
   sections: p = [],
   contactInfo: t,
-  closeText: x
+  closeText: u
 }) => s ? /* @__PURE__ */ l("div", { className: "fixed inset-0 z-50 flex flex-col overflow-y-auto bg-white text-neutral-800 lg:hidden", children: [
   /* @__PURE__ */ l("div", { className: "flex items-center justify-between px-6 py-4", children: [
     c,
@@ -23,7 +23,7 @@ const k = ({
         onClick: m,
         "aria-label": "Close menu",
         children: [
-          x,
+          u,
           /* @__PURE__ */ r(f, { fill: "var(--color-primary-500)" })
         ]
       }
@@ -32,7 +32,7 @@ const k = ({
   /* @__PURE__ */ l("div", { className: "flex flex-1 flex-col pb-6", children: [
     /* @__PURE__ */ l("div", { className: "flex flex-col gap-6 px-6", children: [
       /* @__PURE__ */ r("div", { className: "flex items-center gap-4", children: d }),
-      /* @__PURE__ */ r(u, { ...o })
+      /* @__PURE__ */ r(x, { ...o })
     ] }),
     /* @__PURE__ */ r("nav", { className: "flex flex-col gap-0", children: p.map((e, n) => {
       const i = e.icon != null;
@@ -62,6 +62,7 @@ const k = ({
       /* @__PURE__ */ l(
         "a",
         {
+          "data-qa": "mobile_menu_contact_phone",
           href: `tel:${t.phoneNumber.replaceAll(" ", "")}`,
           className: "bg-primary-700 flex w-full items-center justify-center gap-2 rounded-md p-3 text-base font-semibold text-white",
           children: [

package/dist/components/PhoneButton.d.ts

@@ -1,9 +1,10 @@
 import { JSX } from 'react/jsx-runtime';
 
-export declare const PhoneButton: ({ phoneNumber, className }: PhoneButtonProps) => JSX.Element;
+export declare const PhoneButton: ({ phoneNumber, className, dataQa }: PhoneButtonProps) => JSX.Element;
 
 export interface PhoneButtonProps {
     phoneNumber: string;
     className?: string;
+    dataQa?: string;
 }
 

package/dist/components/PhoneButton.js

@@ -1,12 +1,13 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { PhoneIcon as r } from "./PhoneIcon.js";
-const h = ({ phoneNumber: t, className: i = "" }) => /* @__PURE__ */ n(
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { PhoneIcon as o } from "./PhoneIcon.js";
+const h = ({ phoneNumber: t, className: i = "", dataQa: n }) => /* @__PURE__ */ r(
   "a",
   {
+    "data-qa": n,
     href: `tel:${t}`,
     className: `bg-primary-700 inline-flex w-full items-center justify-center gap-2 rounded py-2.75 text-[16px] font-bold text-white ${i}`,
     children: [
-      /* @__PURE__ */ e(r, { fill: "white", width: 20, height: 20 }),
+      /* @__PURE__ */ e(o, { fill: "white", width: 20, height: 20 }),
       /* @__PURE__ */ e("span", { children: t })
     ]
   }

package/dist/components/Preform.d.ts

@@ -18,6 +18,7 @@ export interface PreformOptionProps {
     label: string;
     value: string;
     alternativeUrl: string | null;
+    dataQa?: string;
     icon: ReactNode;
     selected: boolean;
     onClick?: (str: string) => void;

package/dist/components/PreformMobile.d.ts

@@ -25,6 +25,7 @@ export interface PreformOptionProps {
     label: string;
     value: string;
     alternativeUrl: string | null;
+    dataQa?: string;
     icon: ReactNode;
     selected: boolean;
     onClick?: (str: string) => void;

package/dist/components/PreformOption.d.ts

@@ -7,6 +7,7 @@ export declare interface PreformOptionProps {
     label: string;
     value: string;
     alternativeUrl: string | null;
+    dataQa?: string;
     icon: ReactNode;
     selected: boolean;
     onClick?: (str: string) => void;

package/dist/components/PreformOption.js

@@ -1,8 +1,9 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import "react";
-const m = ({ value: o, label: l, selected: r, icon: n, onClick: t }) => /* @__PURE__ */ i(
+const d = ({ value: o, label: l, selected: r, icon: n, onClick: t, dataQa: a }) => /* @__PURE__ */ i(
   "button",
   {
+    "data-qa": a,
     className: `group flex w-full cursor-pointer items-center gap-2 rounded border-2 p-2 hover:bg-neutral-50 sm:flex-col sm:p-4 ${r ? "border-primary-900" : "border-neutral-200"}`,
     onClick: () => {
       t?.(o);
@@ -20,5 +21,5 @@ const m = ({ value: o, label: l, selected: r, icon: n, onClick: t }) => /* @__PU
   }
 );
 export {
-  m as PreformOption
+  d as PreformOption
 };

package/dist/components/ProductTemplate.d.ts

@@ -114,6 +114,7 @@ export interface PreformOptionProps {
     label: string;
     value: string;
     alternativeUrl: string | null;
+    dataQa?: string;
     icon: ReactNode;
     selected: boolean;
     onClick?: (str: string) => void;

package/dist/components/UploadZone.d.ts

@@ -17,5 +17,6 @@ export declare interface UploadZoneProps {
     containerClassName?: string;
     onAddDocument?: () => void;
     onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;
+    dataQa?: string;
 }
 

package/dist/components/UploadZone.js

@@ -1,18 +1,19 @@
 "use client";
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { AddIcon as p } from "./AddIcon.js";
-import x from "clsx";
-import { Button as c } from "./Button.js";
-import { Markdown as d } from "./Markdown.js";
-const N = ({
-  uploadPromptText: a,
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { AddIcon as x } from "./AddIcon.js";
+import c from "clsx";
+import { Button as d } from "./Button.js";
+import { Markdown as u } from "./Markdown.js";
+const b = ({
+  uploadPromptText: r,
   addDocumentLabel: n,
   fileSizeText: o,
   disclaimer: i,
-  onAddDocument: r,
+  onAddDocument: l,
   onDropDocument: m,
-  containerClassName: s = ""
-}) => /* @__PURE__ */ l(
+  containerClassName: s = "",
+  dataQa: p
+}) => /* @__PURE__ */ a(
   "div",
   {
     onDragOver: (e) => {
@@ -24,28 +25,28 @@ const N = ({
     onDrop: (e) => {
       e.preventDefault(), m?.(e);
     },
-    className: x(
+    className: c(
       "group rounded-3xl bg-neutral-200/50 p-4 backdrop-blur-xs md:max-w-80 lg:max-w-120 xl:max-w-140",
       s
     ),
     children: [
-      /* @__PURE__ */ t("input", { type: "file", id: "file-upload", className: "sr-only", onChange: r, multiple: !0 }),
-      /* @__PURE__ */ l("div", { className: "flex flex-col gap-14 rounded-2xl bg-white px-6 pt-14 pb-2 text-center", children: [
-        /* @__PURE__ */ l("div", { className: "flex flex-col items-center gap-10", children: [
-          /* @__PURE__ */ t("p", { className: "text-medium text-neutral-400 transition-all duration-500 group-hover:text-neutral-900", children: a }),
-          /* @__PURE__ */ l(c, { variant: "primary-green", className: "w-fit", onClick: r, children: [
-            /* @__PURE__ */ t(p, {}),
+      /* @__PURE__ */ t("input", { type: "file", id: "file-upload", className: "sr-only", onChange: l, multiple: !0 }),
+      /* @__PURE__ */ a("div", { className: "flex flex-col gap-14 rounded-2xl bg-white px-6 pt-14 pb-2 text-center", children: [
+        /* @__PURE__ */ a("div", { className: "flex flex-col items-center gap-10", children: [
+          /* @__PURE__ */ t("p", { className: "text-medium text-neutral-400 transition-all duration-500 group-hover:text-neutral-900", children: r }),
+          /* @__PURE__ */ a(d, { "data-qa": p, variant: "primary-green", className: "w-fit", onClick: l, children: [
+            /* @__PURE__ */ t(x, {}),
             /* @__PURE__ */ t("span", { className: "text-medium font-bold", children: n })
           ] })
         ] }),
-        /* @__PURE__ */ l("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ a("div", { className: "flex flex-col gap-2", children: [
           /* @__PURE__ */ t("p", { className: "text-extra-small text-neutral-400", children: o }),
-          /* @__PURE__ */ t(d, { className: "text-tiny text-neutral-400 [&_a]:text-neutral-400", content: i })
+          /* @__PURE__ */ t(u, { className: "text-tiny text-neutral-400 [&_a]:text-neutral-400", content: i })
         ] })
       ] })
     ]
   }
 );
 export {
-  N as UploadZone
+  b as UploadZone
 };

package/dist/components/index.d.ts

@@ -240,6 +240,7 @@ export declare interface ContactUsSectionProps {
         icon: ReactNode;
         helper?: string;
         url?: string;
+        dataQa?: string;
     }>;
 }
 
@@ -474,6 +475,7 @@ export declare interface FooterProps {
         phoneNumber: string;
         contactHoursText: string;
         contactHours: string;
+        dataQa?: string;
     };
     logoGray?: ReactNode;
     socialLinks?: ReactNode[];
@@ -836,6 +838,7 @@ export declare interface MobileContactInfo {
     phoneNumber: string;
     contactHoursLabel?: string;
     contactHours?: string;
+    dataQa?: string;
 }
 
 export declare const MobileMenu: FC<MobileMenuProps>;
@@ -946,6 +949,7 @@ export declare interface PreformOptionProps {
     label: string;
     value: string;
     alternativeUrl: string | null;
+    dataQa?: string;
     icon: ReactNode;
     selected: boolean;
     onClick?: (str: string) => void;
@@ -1310,6 +1314,7 @@ export interface UploadZoneProps {
     containerClassName?: string;
     onAddDocument?: () => void;
     onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;
+    dataQa?: string;
 }
 
 export declare const UsFlagIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-contracts-ui",
-  "version": "0.124.5",
+  "version": "0.124.7",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",