@npm_leadtech/legal-contracts-ui 0.136.0 → 0.136.2

package/dist/components/AllDocumentsTemplate.d.ts

@@ -39,6 +39,7 @@ export interface ContentItemProps {
     linkedProducts: LinkedProductProps[];
     sampleImage: ImageWithPreviewProps | null;
     cta: ReactNode | null;
+    comingSoonCta: ReactNode | null;
     docsModules: {
         pdfDownload: ReactNode;
         wordDownload: ReactNode;

package/dist/components/ContentItem.d.ts

@@ -22,6 +22,7 @@ export declare interface ContentItemProps {
     linkedProducts: LinkedProductProps[];
     sampleImage: ImageWithPreviewProps | null;
     cta: ReactNode | null;
+    comingSoonCta: ReactNode | null;
     docsModules: {
         pdfDownload: ReactNode;
         wordDownload: ReactNode;

package/dist/components/ContentItem.js

@@ -1,31 +1,33 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
 import { ImageWithPreview as p } from "./ImageWithPreview.js";
-import { LinkedProducts as d } from "./LinkedProducts.js";
-import { Markdown as h } from "./Markdown.js";
-import { LinkWrapper as a } from "./LinkWrapper.js";
-import { AlternativeSubtypeDocument as x } from "./AlternativeSubtypeDocument.js";
+import { LinkedProducts as h } from "./LinkedProducts.js";
+import { Markdown as x } from "./Markdown.js";
+import { LinkWrapper as l } from "./LinkWrapper.js";
+import { AlternativeSubtypeDocument as u } from "./AlternativeSubtypeDocument.js";
 import { DefaultSubtypeDocument as w } from "./DefaultSubtypeDocument.js";
-const y = ({
-  id: c,
-  title: t,
+const j = ({
+  id: d,
+  title: a,
   content: n,
-  linkedProducts: m,
-  sampleImage: i,
+  linkedProducts: i,
+  sampleImage: m,
   cta: o,
-  docsModules: l,
-  subtypeDocs: f
-}) => /* @__PURE__ */ s("div", { id: c, className: "flex min-w-0 scroll-mt-25 flex-col gap-6 text-neutral-900", children: [
-  t && /* @__PURE__ */ e("h2", { className: "text-super-large font-bold", children: t }),
-  n && /* @__PURE__ */ e(h, { content: n, className: "text-medium [&_p:last-child]:mb-0" }),
-  m.length > 0 && /* @__PURE__ */ e(d, { linkedProducts: m }),
-  i && /* @__PURE__ */ e(p, { ...i }),
-  !!o && /* @__PURE__ */ e(a, { className: "w-75 self-center text-center", children: o }),
-  l && /* @__PURE__ */ s("div", { className: "flex w-75 gap-4 self-center", children: [
-    /* @__PURE__ */ e(a, { className: "w-full", variant: "secondary-black", children: l.pdfDownload }),
-    /* @__PURE__ */ e(a, { className: "w-full", variant: "secondary-black", children: l.wordDownload })
+  comingSoonCta: s,
+  docsModules: t,
+  subtypeDocs: c
+}) => /* @__PURE__ */ f("div", { id: d, className: "flex min-w-0 scroll-mt-25 flex-col gap-6 text-neutral-900", children: [
+  a && /* @__PURE__ */ e("h2", { className: "text-super-large font-bold", children: a }),
+  n && /* @__PURE__ */ e(x, { content: n, className: "text-medium [&_p:last-child]:mb-0" }),
+  i.length > 0 && /* @__PURE__ */ e(h, { linkedProducts: i }),
+  m && /* @__PURE__ */ e(p, { ...m }),
+  !!o && /* @__PURE__ */ e(l, { className: "w-75 self-center text-center", children: o }),
+  !!s && /* @__PURE__ */ e(l, { variant: "icon-grey", disabled: !0, className: "w-75 self-center bg-neutral-200 text-center font-bold", children: s }),
+  t && /* @__PURE__ */ f("div", { className: "flex w-75 gap-4 self-center", children: [
+    /* @__PURE__ */ e(l, { className: "w-full", variant: "secondary-black", children: t.pdfDownload }),
+    /* @__PURE__ */ e(l, { className: "w-full", variant: "secondary-black", children: t.wordDownload })
   ] }),
-  f.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: f.map((r) => r.format === "Alternative" ? /* @__PURE__ */ e(x, { ...r }, r.id) : /* @__PURE__ */ e(w, { ...r }, r.id)) })
+  c.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: c.map((r) => r.format === "Alternative" ? /* @__PURE__ */ e(u, { ...r }, r.id) : /* @__PURE__ */ e(w, { ...r }, r.id)) })
 ] });
 export {
-  y as ContentItem
+  j as ContentItem
 };

package/dist/components/Header.js

@@ -1,29 +1,29 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import "react";
-import { MobileMenu as o } from "./MobileMenu.js";
-import { useScroll as s } from "../shared/hooks/useScroll.js";
-import { NavMenu as c } from "./NavMenu.js";
+import { MobileMenu as m } from "./MobileMenu.js";
+import { useScroll as c } from "../shared/hooks/useScroll.js";
+import { NavMenu as s } from "./NavMenu.js";
 import { LanguageSelector as p } from "./LanguageSelector.js";
 import { ScalatorIcon as x } from "./ScalatorIcon.js";
 import { SearchBar as f } from "./SearchBar.js";
 const j = ({
-  logo: l,
+  logo: t,
   navMenu: d,
   searchBarProps: a,
   languageSelectorProps: i,
   userActions: n,
-  mobileMenu: t
+  mobileMenu: l
 }) => {
-  const m = s(10);
+  const o = c(10);
   return /* @__PURE__ */ r("div", { className: "sticky top-0 z-1000 flex w-full flex-col", children: [
     /* @__PURE__ */ e(
       "header",
       {
-        className: `transition-colors duration-300 ease-in-out ${m ? "bg-white shadow-md" : "bg-primary-50"}`,
+        className: `transition-colors duration-300 ease-in-out ${o ? "bg-white shadow-md" : "bg-primary-50"}`,
         children: /* @__PURE__ */ r("div", { className: "flex w-full items-center justify-between px-4 py-4 text-neutral-800 md:px-8", children: [
           /* @__PURE__ */ r("div", { className: "flex flex-1 items-center gap-8", children: [
-            l,
-            /* @__PURE__ */ e(c, { className: "hidden lg:block", ...d })
+            t,
+            /* @__PURE__ */ e(s, { className: "hidden lg:block", ...d })
           ] }),
           /* @__PURE__ */ r("div", { className: "text-medium hidden flex-wrap items-center gap-4 lg:flex xl:gap-6", children: [
             /* @__PURE__ */ e(f, { ...a }),
@@ -33,20 +33,20 @@ const j = ({
           /* @__PURE__ */ r(
             "button",
             {
-              className: "text-small text-primary-500 flex items-center justify-center gap-1 rounded border border-neutral-400 bg-transparent px-2 py-1 lg:hidden",
-              onClick: t.onOpen,
+              className: "text-small text-primary-700 flex items-center justify-center gap-1 rounded border border-neutral-400 bg-transparent px-2 py-1 lg:hidden",
+              onClick: l.onOpen,
               "aria-label": "Open menu",
-              "aria-expanded": t.isOpen,
+              "aria-expanded": l.isOpen,
               children: [
-                t.openText,
-                /* @__PURE__ */ e(x, {})
+                l.openText,
+                /* @__PURE__ */ e(x, { fill: "var(--color-primary-700)" })
               ]
             }
           )
         ] })
       }
     ),
-    /* @__PURE__ */ e(o, { ...t, logo: l, userActions: n, searchBarProps: a })
+    /* @__PURE__ */ e(m, { ...l, logo: t, userActions: n, searchBarProps: a })
   ] });
 };
 export {

package/dist/components/MobileMenu.js

@@ -19,12 +19,12 @@ const k = ({
     /* @__PURE__ */ l(
       "button",
       {
-        className: "text-small text-primary-500 flex cursor-pointer items-center justify-center gap-1 rounded border border-neutral-400 px-2 py-1",
+        className: "text-small text-primary-700 flex cursor-pointer items-center justify-center gap-1 rounded border border-neutral-400 px-2 py-1",
         onClick: m,
         "aria-label": "Close menu",
         children: [
           u,
-          /* @__PURE__ */ r(f, { fill: "var(--color-primary-500)" })
+          /* @__PURE__ */ r(f, { fill: "var(--color-primary-700)" })
         ]
       }
     )

package/dist/components/PreviewDownload.d.ts

@@ -12,7 +12,7 @@ export declare const PreviewDownload: FC<PreviewDownloadProps>;
 export declare interface PreviewDownloadProps {
     title: string;
     preview: ImageWithPreviewProps | null;
-    cta: ReactNode;
+    cta: ReactNode | null;
     footerText: string;
     pdfDownload: ReactNode;
     wordDownload: ReactNode;

package/dist/components/PreviewDownload.js

@@ -6,16 +6,16 @@ import { Modal as b } from "./Modal.js";
 import { Markdown as w } from "./Markdown.js";
 import { LinkWrapper as r } from "./LinkWrapper.js";
 const k = ({
-  title: n,
-  footerText: i,
+  title: i,
+  footerText: o,
   preview: a,
-  cta: c,
-  pdfDownload: m,
-  wordDownload: o,
-  onZoomClick: t
+  cta: t,
+  pdfDownload: c,
+  wordDownload: m,
+  onZoomClick: s
 }) => {
-  const [d, f] = h(!1), p = (s) => {
-    f(s), s && t && t();
+  const [d, f] = h(!1), p = (n) => {
+    f(n), n && s && s();
   };
   if (!a) return;
   const u = /* @__PURE__ */ e(x, { className: "bg-primary-700 size-8 rounded p-2 opacity-80 hover:opacity-100" });
@@ -24,14 +24,14 @@ const k = ({
       /* @__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(w, { className: "text-medium text-primary-800 text-center [&_p:last-child]:mb-0", content: n }),
-    /* @__PURE__ */ e(r, { className: "w-full", variant: "primary-green", children: c }),
+    /* @__PURE__ */ e(w, { className: "text-medium text-primary-800 text-center [&_p:last-child]:mb-0", content: i }),
+    !!t && /* @__PURE__ */ e(r, { className: "w-full", variant: "primary-green", children: t }),
     /* @__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: o }),
       /* @__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: c }),
+        /* @__PURE__ */ e(r, { className: "w-full", variant: "secondary-black", children: m })
       ] })
     ] })
   ] });

package/dist/components/PreviewSection.d.ts

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

package/dist/components/PreviewSection.js

@@ -1,26 +1,33 @@
 "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" }),
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { useRef as i } from "react";
+import { SectionHeading as m } from "./SectionHeading.js";
+import { Markdown as d } from "./Markdown.js";
+import { LinkWrapper as a } from "./LinkWrapper.js";
+const b = ({
+  title: n,
+  documentPreview: s,
+  cta: l,
+  comingSoonCta: r,
+  onPreviewScroll: t
+}) => {
+  const o = i(!1);
+  return /* @__PURE__ */ e("section", { className: "bg-secondary-50 px-4 py-10 text-neutral-900 md:px-8 xl:px-30", children: /* @__PURE__ */ c("div", { className: "mx-auto flex w-full max-w-300 flex-col items-center gap-8", children: [
+    /* @__PURE__ */ e(m, { title: n, 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());
+          !o.current && t && (o.current = !0, t());
         },
-        children: /* @__PURE__ */ e(m, { useCustom: !1, className: "select-none", content: o })
+        children: /* @__PURE__ */ e(d, { useCustom: !1, className: "select-none", content: s })
       }
     ),
-    /* @__PURE__ */ e(i, { className: "w-full md:w-auto", children: a })
+    !!l && /* @__PURE__ */ e(a, { className: "w-full md:w-auto", children: l }),
+    !!r && /* @__PURE__ */ e(a, { variant: "icon-grey", disabled: !0, className: "w-full bg-neutral-200 font-bold md:w-auto", children: r })
   ] }) });
 };
 export {
-  w as PreviewSection
+  b as PreviewSection
 };

package/dist/components/ProductTemplate.d.ts

@@ -35,6 +35,7 @@ export interface ContentItemProps {
     linkedProducts: LinkedProductProps[];
     sampleImage: ImageWithPreviewProps | null;
     cta: ReactNode | null;
+    comingSoonCta: ReactNode | null;
     docsModules: {
         pdfDownload: ReactNode;
         wordDownload: ReactNode;
@@ -133,7 +134,7 @@ export interface PreformProps {
 export interface PreviewDownloadProps {
     title: string;
     preview: ImageWithPreviewProps | null;
-    cta: ReactNode;
+    cta: ReactNode | null;
     footerText: string;
     pdfDownload: ReactNode;
     wordDownload: ReactNode;
@@ -144,6 +145,7 @@ export interface PreviewSectionProps {
     title: string;
     documentPreview: string;
     cta: ReactNode;
+    comingSoonCta: ReactNode | null;
     onPreviewScroll?: () => void;
 }
 
@@ -169,7 +171,7 @@ export declare interface ProductTemplateProps {
     contentItems: ContentItemProps[];
     faqSection: FaqSectionProps;
     previewDownload: PreviewDownloadProps;
-    previewSection?: PreviewSectionProps;
+    previewSection?: PreviewSectionProps | null;
     tryNowSection?: TryNowSectionProps;
     freeDocModal?: FreeDocumentModalProps;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-contracts-ui",
-  "version": "0.136.0",
+  "version": "0.136.2",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -750,7 +750,6 @@
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
-    "@types/jest": "^30.0.0",
     "@types/node": "^22.19.13",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
@@ -772,8 +771,6 @@
     "glob": "^13.0.6",
     "globals": "^16.5.0",
     "husky": "^9.1.7",
-    "jest": "^30.2.0",
-    "jest-environment-jsdom": "^30.2.0",
     "lint-staged": "^16.3.2",
     "playwright": "^1.58.2",
     "prettier": "^3.8.1",
@@ -787,7 +784,6 @@
     "sanitize-html": "2.17.0",
     "storybook": "^10.2.15",
     "tailwindcss": "^4.2.1",
-    "ts-jest": "^29.4.6",
     "typescript": "~5.8.3",
     "typescript-eslint": "^8.56.1",
     "vite": "^7.3.1",