@npm_leadtech/legal-contracts-ui 0.124.2 → 0.124.5

package/dist/components/AllDocumentsTemplate.d.ts

@@ -96,7 +96,6 @@ export interface FaqSectionProps {
 export interface ImageWithPreviewProps {
     small: ReactNode;
     large: ReactNode;
-    onZoomClick?: () => void;
 }
 
 export interface JumboCardProps {

package/dist/components/Button.d.ts

@@ -2,13 +2,14 @@ import { ComponentPropsWithRef } from 'react';
 import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
-export declare const Button: ({ children, type, size, variant, iconPosition, className, disabled, ref, ...props }: ButtonProps) => JSX.Element;
+export declare const Button: ({ children, type, size, variant, iconPosition, className, disabled, ref, dataQa, ...props }: ButtonProps) => JSX.Element;
 
 export declare interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     children: ReactNode;
     size?: ButtonSize;
     variant?: ResponsiveButtonVariant;
     iconPosition?: IconPosition;
+    dataQa?: string;
 }
 
 export type ButtonSize = 'small' | 'default' | 'large';

package/dist/components/Button.js

@@ -1,20 +1,33 @@
-import { jsx as l } from "react/jsx-runtime";
-import { getButtonClasses as p } from "./Button.utils.js";
+import { jsx as p } from "react/jsx-runtime";
+import { getButtonClasses as c } from "./Button.utils.js";
 import "react";
-const x = ({
+const B = ({
   children: o,
   type: r = "button",
-  size: s = "default",
-  variant: e = "primary-green",
-  iconPosition: a = "left",
+  size: a = "default",
+  variant: s = "primary-green",
+  iconPosition: e = "left",
   className: n,
   disabled: t = !1,
   ref: m,
-  ...u
+  dataQa: u,
+  ...f
 }) => {
-  const f = p(s, e, a, t, n);
-  return /* @__PURE__ */ l("button", { ref: m, type: r, disabled: t, "aria-disabled": t, className: f, ...u, children: o });
+  const l = c(a, s, e, t, n);
+  return /* @__PURE__ */ p(
+    "button",
+    {
+      "data-qa": u,
+      ref: m,
+      type: r,
+      disabled: t,
+      "aria-disabled": t,
+      className: l,
+      ...f,
+      children: o
+    }
+  );
 };
 export {
-  x as Button
+  B as Button
 };

package/dist/components/Checkbox.d.ts

@@ -4,6 +4,7 @@ import { ReactNode } from 'react';
 export declare const Checkbox: FC<CheckboxProps>;
 
 export declare interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    dataQa?: string;
     id: string;
     name: string;
     required?: boolean;

package/dist/components/Checkbox.js

@@ -1,31 +1,43 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import m from "clsx";
-import { CheckIcon as c } from "./CheckIcon.js";
-const u = ({
-  id: o,
-  name: s,
-  required: i = !1,
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import c from "clsx";
+import { CheckIcon as p } from "./CheckIcon.js";
+const d = ({
+  dataQa: s,
+  id: t,
+  name: i,
+  required: a = !1,
   children: l,
   checked: e,
-  error: t = !1,
+  error: o = !1,
   ...n
-}) => /* @__PURE__ */ a("label", { htmlFor: o, className: "text-medium flex cursor-pointer items-center gap-2 text-neutral-800 select-none", children: [
-  /* @__PURE__ */ r("input", { id: o, name: s, type: "checkbox", required: i, className: "peer sr-only", ...n }),
+}) => /* @__PURE__ */ m("label", { htmlFor: t, className: "text-medium flex cursor-pointer items-center gap-2 text-neutral-800 select-none", children: [
+  /* @__PURE__ */ r(
+    "input",
+    {
+      "data-qa": s,
+      id: t,
+      name: i,
+      type: "checkbox",
+      required: a,
+      className: "peer sr-only",
+      ...n
+    }
+  ),
   /* @__PURE__ */ r(
     "div",
     {
-      className: m(
+      className: c(
         "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",
-        !t && !e && "hover:bg-primary-200 border border-neutral-800 bg-white",
+        !o && !e && "hover:bg-primary-200 border border-neutral-800 bg-white",
         e && "border-primary-500 bg-primary-200 border-2",
-        t && "border-error-500 bg-error-20 border"
+        o && "border-error-500 bg-error-20 border"
       ),
-      children: e && /* @__PURE__ */ r(c, {})
+      children: e && /* @__PURE__ */ r(p, {})
     }
   ),
   /* @__PURE__ */ r("span", { className: "leading-tight text-neutral-800", children: l })
 ] });
 export {
-  u as Checkbox
+  d as Checkbox
 };

package/dist/components/ContactFormSection.d.ts

@@ -9,6 +9,7 @@ export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'chil
     size?: ButtonSize;
     variant?: ResponsiveButtonVariant;
     iconPosition?: IconPosition;
+    dataQa?: string;
 }
 
 export type ButtonSize = 'small' | 'default' | 'large';
@@ -27,6 +28,7 @@ export interface ContactFormFeedbackProps {
 }
 
 export declare interface ContactFormFieldProps {
+    dataQa: string;
     label: string;
     id: string;
     name: string;

package/dist/components/ContactUsTemplate.d.ts

@@ -9,6 +9,7 @@ export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'chil
     size?: ButtonSize;
     variant?: ResponsiveButtonVariant;
     iconPosition?: IconPosition;
+    dataQa?: string;
 }
 
 export type ButtonSize = 'small' | 'default' | 'large';
@@ -27,6 +28,7 @@ export interface ContactFormFeedbackProps {
 }
 
 export interface ContactFormFieldProps {
+    dataQa: string;
     label: string;
     id: string;
     name: string;

package/dist/components/ContentItem.d.ts

@@ -38,7 +38,6 @@ export interface DefaultSubtypeDocumentProps extends BaseSubtypeDocumentProps {
 export interface ImageWithPreviewProps {
     small: ReactNode;
     large: ReactNode;
-    onZoomClick?: () => void;
 }
 
 export interface LinkedProductProps {

package/dist/components/CookiesBar.d.ts

@@ -7,6 +7,7 @@ export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'chil
     size?: ButtonSize;
     variant?: ResponsiveButtonVariant;
     iconPosition?: IconPosition;
+    dataQa?: string;
 }
 
 export type ButtonSize = 'small' | 'default' | 'large';

package/dist/components/ImageWithPreview.d.ts

@@ -6,6 +6,5 @@ export declare const ImageWithPreview: FC<ImageWithPreviewProps>;
 export declare interface ImageWithPreviewProps {
     small: ReactNode;
     large: ReactNode;
-    onZoomClick?: () => void;
 }
 

package/dist/components/ImageWithPreview.js

@@ -1,17 +1,15 @@
 "use client";
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { useState as n } from "react";
-import { ZoomIcon as c } from "./ZoomIcon.js";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { useState as s } from "react";
+import { ZoomIcon as a } from "./ZoomIcon.js";
 import { Modal as m } from "./Modal.js";
-const b = ({ small: l, large: s, onZoomClick: r }) => {
-  const [t, o] = n(!1);
-  return /* @__PURE__ */ a("div", { className: "relative aspect-3/4 w-75 self-center overflow-hidden border border-neutral-200", children: [
-    /* @__PURE__ */ e("div", { className: "h-full w-full [&_img]:h-full [&_img]:w-full [&_img]:object-cover", children: l }),
-    /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e(m, { trigger: /* @__PURE__ */ e(c, { className: "bg-primary-700 size-8 rounded p-2 opacity-80 hover:opacity-100" }), isOpen: t, setIsOpen: (i) => {
-      o(i), i && r && r();
-    }, children: s }) })
+const u = ({ small: r, large: i }) => {
+  const [o, t] = s(!1);
+  return /* @__PURE__ */ l("div", { className: "relative aspect-3/4 w-75 self-center overflow-hidden border border-neutral-200", children: [
+    /* @__PURE__ */ e("div", { className: "h-full w-full [&_img]:h-full [&_img]:w-full [&_img]:object-cover", children: r }),
+    /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e(m, { trigger: /* @__PURE__ */ e(a, { className: "bg-primary-700 size-8 rounded p-2 opacity-80 hover:opacity-100" }), isOpen: o, setIsOpen: t, children: i }) })
   ] });
 };
 export {
-  b as ImageWithPreview
+  u as ImageWithPreview
 };

package/dist/components/Input.d.ts

@@ -4,6 +4,7 @@ import { HTMLInputTypeAttribute } from 'react';
 export declare const Input: FC<InputProps>;
 
 export declare interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    dataQa?: string;
     label: string;
     id: string;
     name: string;

package/dist/components/Input.js

@@ -1,28 +1,29 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { useState as p } from "react";
 import u from "clsx";
-import { QuestionOutlineIcon as N } from "./QuestionOutlineIcon.js";
-import { CloseIcon as y } from "./CloseIcon.js";
-import { InfoIcon as I } from "./InfoIcon.js";
-const $ = ({
-  label: m,
+import { QuestionOutlineIcon as y } from "./QuestionOutlineIcon.js";
+import { CloseIcon as I } from "./CloseIcon.js";
+import { InfoIcon as C } from "./InfoIcon.js";
+const z = ({
+  dataQa: m,
+  label: d,
   id: l,
-  name: d,
-  type: f = "text",
-  placeholder: h,
+  name: f,
+  type: h = "text",
+  placeholder: x,
   required: o = !1,
   tooltip: i,
-  onInputChange: x,
-  containerClassName: b = "",
+  onInputChange: b,
+  containerClassName: g = "",
   error: s = !1,
-  errorMessage: g,
-  ...v
+  errorMessage: v,
+  ...w
 }) => {
-  const [n, c] = p(!1), [w, r] = p(!1);
-  return /* @__PURE__ */ t("div", { className: `flex flex-col gap-2 ${b}`, children: [
+  const [n, c] = p(!1), [N, a] = p(!1);
+  return /* @__PURE__ */ t("div", { className: `flex flex-col gap-2 ${g}`, children: [
     /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ t("label", { htmlFor: l, className: "font-bold text-neutral-800", children: [
-        m,
+        d,
         " ",
         o && /* @__PURE__ */ e("span", { className: "text-neutral-800", children: "*" })
       ] }),
@@ -31,7 +32,7 @@ const $ = ({
         {
           className: "group relative inline-flex",
           onMouseLeave: () => {
-            r(!1);
+            a(!1);
           },
           children: [
             /* @__PURE__ */ e(
@@ -41,9 +42,9 @@ const $ = ({
                 type: "button",
                 "aria-expanded": n,
                 onClick: () => {
-                  r(!1), c((a) => !a);
+                  a(!1), c((r) => !r);
                 },
-                children: /* @__PURE__ */ e(N, { "aria-hidden": "true" })
+                children: /* @__PURE__ */ e(y, { "aria-hidden": "true" })
               }
             ),
             /* @__PURE__ */ t(
@@ -52,7 +53,7 @@ const $ = ({
                 className: u(
                   "invisible absolute top-6 -left-21 z-10 w-max max-w-60 rounded bg-neutral-800 p-2 transition-opacity lg:max-w-80 xl:-left-15 xl:max-w-112",
                   "opacity-0",
-                  !w && "group-focus-within:visible group-focus-within:opacity-100 group-hover:visible group-hover:opacity-100",
+                  !N && "group-focus-within:visible group-focus-within:opacity-100 group-hover:visible group-hover:opacity-100",
                   n && "visible opacity-100"
                 ),
                 role: "tooltip",
@@ -72,9 +73,9 @@ const $ = ({
                         type: "button",
                         className: "cursor-pointer p-0",
                         onClick: () => {
-                          r(!0), c(!1);
+                          a(!0), c(!1);
                         },
-                        children: /* @__PURE__ */ e(y, { width: 20, height: 20, fill: "white" })
+                        children: /* @__PURE__ */ e(I, { width: 20, height: 20, fill: "white" })
                       }
                     )
                   ] })
@@ -88,28 +89,29 @@ const $ = ({
     /* @__PURE__ */ e(
       "input",
       {
+        "data-qa": m,
         id: l,
-        name: d,
-        type: f,
-        placeholder: h,
+        name: f,
+        type: h,
+        placeholder: x,
         required: o,
         className: u(
           "text-small focus-visible:outline-primary-500 w-full rounded border p-3 text-neutral-800 placeholder:text-neutral-600 focus-visible:outline-2",
           s ? "border-error-500 bg-error-25" : "bg-neutral-25 border-neutral-400"
         ),
-        onChange: (a) => {
-          x?.(a.target.value);
+        onChange: (r) => {
+          b?.(r.target.value);
         },
-        ...v
+        ...w
       }
     ),
     s && /* @__PURE__ */ t("p", { id: `${l}-error-message`, className: "text-small text-error-500 flex items-center gap-1", children: [
-      /* @__PURE__ */ e(I, { width: 20, height: 20, fill: "var(--color-error-500)", "aria-hidden": "true" }),
+      /* @__PURE__ */ e(C, { width: 20, height: 20, fill: "var(--color-error-500)", "aria-hidden": "true" }),
       " ",
-      g
+      v
     ] })
   ] });
 };
 export {
-  $ as Input
+  z as Input
 };

package/dist/components/Preform.d.ts

@@ -9,6 +9,7 @@ export declare type InputFieldData = {
     placeholder: string;
     value: string;
     onChange: (str: string) => void;
+    dataQa: string;
 };
 
 export declare const Preform: FC<PreformProps>;

package/dist/components/Preform.js

@@ -1,16 +1,16 @@
 "use client";
-import { jsxs as c, Fragment as p, jsx as e } from "react/jsx-runtime";
+import { jsxs as c, Fragment as n, jsx as e } from "react/jsx-runtime";
 import "react";
-import { Tooltips as x } from "./Tooltips.js";
+import { Tooltips as p } from "./Tooltips.js";
 import { PreformMobile as a } from "./PreformMobile.js";
 import { PreformOption as f } from "./PreformOption.js";
 import { TrustedBadge as i } from "./TrustedBadge.js";
 import { Input as h } from "./Input.js";
 import { LinkWrapper as t } from "./LinkWrapper.js";
-const k = ({ trustedBadge: s, cta: o, inputFieldData: l, radioFieldData: m, tooltips: n }) => /* @__PURE__ */ c(p, { children: [
+const k = ({ trustedBadge: s, cta: o, inputFieldData: l, radioFieldData: m, tooltips: x }) => /* @__PURE__ */ c(n, { children: [
   /* @__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: [
     /* @__PURE__ */ e(i, { ...s }),
-    m?.isVisible && /* @__PURE__ */ c(p, { children: [
+    m?.isVisible && /* @__PURE__ */ c(n, { children: [
       /* @__PURE__ */ e("h2", { className: "text-medium sm:text-large font-bold", children: m.label }),
       /* @__PURE__ */ c("div", { className: "flex w-full max-w-272 flex-wrap justify-center gap-2 sm:gap-4", children: [
         m.options.map((r) => /* @__PURE__ */ e(
@@ -36,13 +36,14 @@ const k = ({ trustedBadge: s, cta: o, inputFieldData: l, radioFieldData: m, tool
             name: l.name,
             placeholder: l.placeholder,
             value: l.value,
-            onInputChange: l.onChange
+            onInputChange: l.onChange,
+            "data-qa": l.dataQa
           }
         ) }, l.name)
       ] })
     ] }),
     /* @__PURE__ */ e(t, { variant: "primary-green", children: o }),
-    n.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-col gap-8", children: n.map((r) => /* @__PURE__ */ e(x, { ...r }, r.title)) })
+    x.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-col gap-8", children: x.map((r) => /* @__PURE__ */ e(p, { ...r }, r.title)) })
   ] }) }),
   /* @__PURE__ */ e(
     a,

package/dist/components/PreformMobile.d.ts

@@ -9,6 +9,7 @@ export type InputFieldData = {
     placeholder: string;
     value: string;
     onChange: (str: string) => void;
+    dataQa: string;
 };
 
 export declare const PreformMobile: FC<PreformMobileProps>;

package/dist/components/PreviewDownload.d.ts

@@ -4,7 +4,6 @@ import { ReactNode } from 'react';
 export interface ImageWithPreviewProps {
     small: ReactNode;
     large: ReactNode;
-    onZoomClick?: () => void;
 }
 
 export declare const PreviewDownload: FC<PreviewDownloadProps>;
@@ -16,6 +15,5 @@ export declare interface PreviewDownloadProps {
     footerText: string;
     pdfDownload: ReactNode;
     wordDownload: ReactNode;
-    onZoomClick?: () => void;
 }
 

package/dist/components/PreviewDownload.js

@@ -1,41 +1,38 @@
 "use client";
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { useState as h } from "react";
-import { ZoomIcon as x } from "./ZoomIcon.js";
-import { Modal as b } from "./Modal.js";
-import { Markdown as w } from "./Markdown.js";
+import { useState as f } from "react";
+import { ZoomIcon as u } from "./ZoomIcon.js";
+import { Modal as p } from "./Modal.js";
+import { Markdown as x } from "./Markdown.js";
 import { LinkWrapper as r } from "./LinkWrapper.js";
-const k = ({
-  title: n,
-  footerText: i,
+const y = ({
+  title: t,
+  footerText: s,
   preview: a,
-  cta: c,
-  pdfDownload: m,
-  wordDownload: o,
-  onZoomClick: t
+  cta: n,
+  pdfDownload: i,
+  wordDownload: c
 }) => {
-  const [d, f] = h(!1), p = (s) => {
-    f(s), s && t && t();
-  };
+  const [o, m] = f(!1);
   if (!a) return;
-  const u = /* @__PURE__ */ e(x, { className: "bg-primary-700 size-8 rounded p-2 opacity-80 hover:opacity-100" });
+  const d = /* @__PURE__ */ e(u, { className: "bg-primary-700 size-8 rounded p-2 opacity-80 hover:opacity-100" });
   return /* @__PURE__ */ l("div", { className: "bg-neutral-25 relative mt-24 flex flex-col items-center gap-4 rounded border border-neutral-200 p-6 pt-44 lg:max-w-76 xl:max-w-96.5", children: [
     /* @__PURE__ */ l("div", { className: "absolute -top-24 border border-neutral-200 shadow", children: [
       /* @__PURE__ */ e("div", { className: "h-full max-h-64.5 w-full max-w-50 overflow-hidden", children: a.small }),
-      /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e(b, { trigger: u, isOpen: d, setIsOpen: p, children: a.large }) })
+      /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e(p, { trigger: d, isOpen: o, setIsOpen: m, children: a.large }) })
     ] }),
-    /* @__PURE__ */ e(w, { className: "text-medium text-center text-neutral-800 [&_p:last-child]:mb-0", content: n }),
-    /* @__PURE__ */ e(r, { className: "w-full", variant: "primary-green", children: c }),
+    /* @__PURE__ */ e(x, { className: "text-medium text-center text-neutral-800 [&_p:last-child]:mb-0", content: t }),
+    /* @__PURE__ */ e(r, { className: "w-full", variant: "primary-green", children: n }),
     /* @__PURE__ */ e("div", { className: "h-px w-full bg-neutral-200" }),
     /* @__PURE__ */ l("div", { className: "flex w-full flex-col items-center gap-6", children: [
-      /* @__PURE__ */ e("p", { className: "text-small text-neutral-800", children: i }),
+      /* @__PURE__ */ e("p", { className: "text-small text-neutral-800", children: s }),
       /* @__PURE__ */ l("div", { className: "flex w-full gap-4", children: [
-        /* @__PURE__ */ e(r, { className: "w-full", variant: "secondary-black", children: m }),
-        /* @__PURE__ */ e(r, { className: "w-full", variant: "secondary-black", children: o })
+        /* @__PURE__ */ e(r, { className: "w-full", variant: "secondary-black", children: i }),
+        /* @__PURE__ */ e(r, { className: "w-full", variant: "secondary-black", children: c })
       ] })
     ] })
   ] });
 };
 export {
-  k as PreviewDownload
+  y as PreviewDownload
 };

package/dist/components/PreviewSection.d.ts

@@ -7,6 +7,5 @@ export declare interface PreviewSectionProps {
     title: string;
     documentPreview: string;
     cta: ReactNode;
-    onPreviewScroll?: () => void;
 }
 

package/dist/components/PreviewSection.js

@@ -1,26 +1,13 @@
-"use client";
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { useRef as s } from "react";
-import { SectionHeading as c } from "./SectionHeading.js";
-import { Markdown as m } from "./Markdown.js";
-import { LinkWrapper as i } from "./LinkWrapper.js";
-const w = ({ title: l, documentPreview: o, cta: a, onPreviewScroll: r }) => {
-  const t = s(!1);
-  return /* @__PURE__ */ e("section", { className: "bg-secondary-50 px-4 py-10 text-neutral-900 md:px-8 xl:px-30", children: /* @__PURE__ */ n("div", { className: "mx-auto flex w-full max-w-300 flex-col items-center gap-8", children: [
-    /* @__PURE__ */ e(c, { title: l, titleClass: "text-neutral-800 font-bold font-inter text-large" }),
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: "flex max-h-89.75 w-full overflow-auto border border-neutral-200 bg-white px-8 py-8 md:py-16",
-        onScroll: () => {
-          !t.current && r && (t.current = !0, r());
-        },
-        children: /* @__PURE__ */ e(m, { useCustom: !1, className: "select-none", content: o })
-      }
-    ),
-    /* @__PURE__ */ e(i, { className: "w-full md:w-auto", children: a })
-  ] }) });
-};
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import "react";
+import { SectionHeading as a } from "./SectionHeading.js";
+import { Markdown as n } from "./Markdown.js";
+import { LinkWrapper as s } from "./LinkWrapper.js";
+const d = ({ title: t, documentPreview: r, cta: l }) => /* @__PURE__ */ e("section", { className: "bg-secondary-50 px-4 py-10 text-neutral-900 md:px-8 xl:px-30", children: /* @__PURE__ */ o("div", { className: "mx-auto flex w-full max-w-300 flex-col items-center gap-8", children: [
+  /* @__PURE__ */ e(a, { title: t, titleClass: "text-neutral-800 font-bold font-inter text-large" }),
+  /* @__PURE__ */ e("div", { className: "flex max-h-89.75 w-full overflow-auto border border-neutral-200 bg-white px-8 py-8 md:py-16", children: /* @__PURE__ */ e(n, { useCustom: !1, className: "select-none", content: r }) }),
+  /* @__PURE__ */ e(s, { className: "w-full md:w-auto", children: l })
+] }) });
 export {
-  w as PreviewSection
+  d as PreviewSection
 };

package/dist/components/ProductTemplate.d.ts

@@ -77,7 +77,6 @@ export interface FreeDocumentModalProps {
 export interface ImageWithPreviewProps {
     small: ReactNode;
     large: ReactNode;
-    onZoomClick?: () => void;
 }
 
 export type InputFieldData = {
@@ -88,6 +87,7 @@ export type InputFieldData = {
     placeholder: string;
     value: string;
     onChange: (str: string) => void;
+    dataQa: string;
 };
 
 export interface JumboDocsProps {
@@ -134,14 +134,12 @@ export interface PreviewDownloadProps {
     footerText: string;
     pdfDownload: ReactNode;
     wordDownload: ReactNode;
-    onZoomClick?: () => void;
 }
 
 export interface PreviewSectionProps {
     title: string;
     documentPreview: string;
     cta: ReactNode;
-    onPreviewScroll?: () => void;
 }
 
 export interface ProductInfoProps {

package/dist/components/Select.d.ts

@@ -3,6 +3,7 @@ import { FC } from 'react';
 export declare const Select: FC<SelectProps>;
 
 export declare interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
+    dataQa?: string;
     label?: string;
     id: string;
     name: string;